<template>
  <div class='content'>
    <box-container :toolsShow='false'>
      <load-style-1 />
    </box-container>
    <box-container :toolsShow='false'>
      <load-style-2 />
    </box-container>
    <box-container :toolsShow='false'>
      <load-style-3 />
    </box-container>
    <box-container :toolsShow='false'>
      <load-style-4 />
    </box-container>
  </div>
</template>
<script>
import boxContainer from '../common/box-container'
import loadStyle1 from '../../cell/load/load-style-1'
import loadStyle2 from '../../cell/load/load-style-2'
import loadStyle3 from '../../cell/load/load-style-3'
import loadStyle4 from '../../cell/load/load-style-4'
export default {
  components: {
    'box-container': boxContainer,
    'load-style-1': loadStyle1,
    'load-style-2': loadStyle2,
    'load-style-3': loadStyle3,
    'load-style-4': loadStyle4,
  },
  data() {
    return {}
  },
}
</script>
<style lang="scss" scoped>
@import './load.scss'
</style>

